<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
  <c></c>
  <c></c>
  <c></c>
  <c></c>
</div>

<script src="../js/vue.js"></script>
<script>
  <!--1、  构建一个组件构造器-->
  const che = Vue.extend({
    template: `<div>
<p>我是镖旗</p>
<h1>我是内容，哈哈</h1>
<h2>Me too</h2>
</div>`
  });
  Vue.component('c',che);
  const app = new Vue({
    el: '#app'
  })
</script>
</body>
</html>